<form id="productForm" (ngSubmit)="onSubmit()"
      novalidate="novalidate" [saBootstrapValidator]="validatorOptions" class="form-horizontal">

  <fieldset>
    <legend>
      Default Form Elements
    </legend>
    <div class="form-group">
      <label class="col-xs-2 col-lg-3 control-label">Price</label>
      <div class="col-xs-9 col-lg-6 inputGroupContainer">
        <div class="input-group">
          <input type="text" class="form-control" name="price"/>
          <span class="input-group-addon">$</span>
        </div>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <div class="form-group">
      <label class="col-xs-2 col-lg-3 control-label">Amount</label>
      <div class="col-xs-9 col-lg-6 inputGroupContainer">
        <div class="input-group">
          <span class="input-group-addon">&#8364;</span>
          <input type="text" class="form-control" name="amount"/>
        </div>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <div class="form-group">
      <label class="col-xs-2 col-lg-3 control-label">Color</label>
      <div class="col-xs-9 col-lg-6 selectContainer">
        <select class="form-control" name="color">
          <option value="">Choose a color</option>
          <option value="blue">Blue</option>
          <option value="green">Green</option>
          <option value="red">Red</option>
          <option value="yellow">Yellow</option>
          <option value="white">White</option>
        </select>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <div class="form-group">
      <label class="col-xs-2 col-lg-3 control-label">Size</label>
      <div class="col-xs-9 col-lg-6 selectContainer">
        <select class="form-control" name="size">
          <option value="">Choose a size</option>
          <option value="S">S</option>
          <option value="M">M</option>
          <option value="L">L</option>
          <option value="XL">XL</option>
        </select>
      </div>
    </div>
  </fieldset>

  <div class="form-actions">
    <div class="row">
      <div class="col-md-12">
        <button class="btn btn-default" type="submit">
          <i class="fa fa-eye"></i>
          Validate
        </button>
      </div>
    </div>
  </div>
</form>
